/*-----------------------------------------------------------------------------------

	Theme Name: New Blue World
	Theme URI: http://www.johnny-saketeng.heck.in/
	Description: A Blog Theme.  This theme is Shared by Johnny Saketeng  Template
	Author: Johnny Saketeng & Ricky Arrachman
	Author URI: http://www.johnny-saketeng.heck.in/
	Version: 1.0
	
	Designed & Handcrafted by Johnny Saketeng & Ricky Arrachman for www.johnny-saketeng.heck.in
    Thanks For us Master CSS :D
/*
                                       |___|
                                       |- -|                                   
                  +---------------oooO--(o)---------------------+              
                  |                  Visit Us At                |              
                  |	                                            |              
                  |        www.johnny-saketeng.heck.in          |              
                  |                                             |              
                  +--------------------------Ooo----------------+              
                                      |__|__|                                  
                                       || ||                                   
                                      ooO Ooo                             
*//*
-----------------------------------------------------------------------------------

	0.	Font
	1.	Body 
	2.	Header Styles
	3.	Logo Styles
	4.	Search Styles
	5.	Menu Content Styles
	6.	Ad (not Style)
	7.	Page
	8.  Content
	9.  Comment Style (Identify Ending Domain)
   10.  Sidebar
   11.  Calendar
   12.  Following & Blogroll
   13.  Footer
   14.  Pagination 
   15.  Etc

-----------------------------------------------------------------------------------*/

@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Sans'), local('DroidSans'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Droid Sans Bold'), local('DroidSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/droidsans/v3/EFpQQyG9GqCrobXxL-KRMQFhaRv2pGgT5Kf0An0s4MM.woff) format('woff');
}

@font-face {
  font-family: 'Bevan';
  font-style: normal;
  font-weight: 400;
  src: local('Bevan'), url(http://themes.googleusercontent.com/static/fonts/bevan/v4/kZxOvEFDTL6rhtQAWC2LTw.woff) format('woff');
}

body {
    margin: 0;
    padding: 0;
    background: #fff url(http://johnny-saketeng.xtgem.com/texture/bg_2.png) repeat left top;
    font-family:Droid Sans;
    font-size: 14px;
    color: #000;
    border-top:5px #008EFF solid;
    border-bottom:5px #008EFF solid;
}

h1, h2, h3, h4, h5, h6 {
    color: #32639A;
    font-family: Droid Sans;
}

p, ul, ol {
    margin-top: 0;
    line-height: 190%;}

p {
    font-family: Droid Sans;
}

a {
    text-decoration: none;
    color: #008EFF;
}

a:hover {
    text-decoration: none;
    color: #000;
}

img {
    width:auto;
    height:auto;
    max-width:99%;
    max-height:360px;
    padding:5px;
    opacity:0.8;
    box-shadow: 0px -1px 1px rgba(204, 204, 204, 0.7), 0px 2px 1px rgba(110, 110, 110, 0.5), inset 0 2px 20px rgba(0, 0, 0, 0.3);
    margin-bottom:10px;
}

img:hover{
    opacity:1;}

h2 a {
    text-decoration: none;
}

#wrapper {
    margin: 0px;
    padding: 0px;
    background: url() repeat-x left top;
}

/* Header */


#header {
    width: 1100px;
    max-width:90%;
    height: 350px;
    margin: 0 auto;
    padding: 0px;
    margin-bottom:50px;
    background: url(http://johnny-saketeng.xtgem.com/texture/bg_body_b.jpg) repeat;
    overflow: hidden;
    -moz-box-shadow:0 0 3px 1px #534c44;
    -webkit-box-shadow:0 0 3px 1px #534c44;
	box-shadow:0 0 3px 1px #534c44;
	border-radius: 5px 5px 5px 5px; 
    -moz-border-radius: 5px 5px 5px 5px; 
    -webkit-border-radius: 5px 5px 5px 5px;
	border-bottom:3px solid #008EFF;
}




/* Logo */

#logo {
    float: none;
    margin: 0;
    padding: 100px 10px 10px 10px;
    color: #2FD477;
    text-align:center;
    -ms-animation: loading 2s ease-in-out .5s 5 normal;
	-moz-animation: loading 2s ease-in-out .5s 5 normal;
	-webkit-animation: loading 2s ease-in-out .5s 5 normal;
	-o-animation: loading 2s ease-in-out .5s 5 normal;
	animation: loading 2s ease-in-out .5s 5 normal;
  
}

@-ms-keyframes loading {
	0% { color: grey;}
	25% { color: black;}
	50% { color: grey;}
	75% { color: black;}
	100% { color: grey;}
}
@-webkit-keyframes loading {
	0% { color: grey;}
	25% { color: black;}
	50% { color: grey;}
	75% { color: black;}
	100% { color: grey;}
}
@-moz-keyframes loading {
	0% { color: grey;}
	25% { color: black;}
	50% { color: grey;}
	75% { color: black;}
	100% { color: grey;}
}
@-o-keyframes loading {
	0% { color: grey;}
	25% { color: black;}
	50% { color: grey;}
	75% { color: black;}
	100% { color: grey;}
}
@keyframes loading {
	0% { color: grey;}
	25% { color: black;}
	50% { color: grey;}
	75% { color: black;}
	100% { color: grey;}
}

#logo .heading {
    margin: 0;
    padding: 0;
    font-family: Bevan;
    letter-spacing: -1px;
    text-transform: capitalize;
    font-size: 50px;
    font-weight: normal;
    text-shadow:1px 2px 3px #FFF;
}

#logo .heading a {
    color: #008EFF;
}

#logo .description {
    margin: auto;
    padding: 6px;
    font: bold 25px Droid Sans ;
    color: #FFF;
} 

#logo a {
    border: none;
    background: none;
    text-decoration: none;
    color: #F7F7F7;
}

/* Search */
#search {
	float: right;
	width: 280px;
	height: 50px;

}

#search_form {
	height: 100px;
	margin: 0;
	padding: 10px 0 0 0px;
	position:absolute;
	margin-top:-450px;
	margin-left:90px;
}

#search_form .text-box{
    height:50px;
    width:200px;
    padding: 4px 5px 1px 5px;
    font-size:18px!important;
	border: none;
	background: #FFF;
    box-shadow: 0px -1px 1px rgba(204, 204, 204, 0.7), 0px 2px 1px rgba(110, 110, 110, 0.5), inset 0 2px 20px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow:0px -1px 1px rgba(204, 204, 204, 0.7), 0px 2px 1px rgba(110, 110, 110, 0.5), inset 0 2px 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:0px -1px 1px rgba(204, 204, 204, 0.7), 0px 2px 1px rgba(110, 110, 110, 0.5), inset 0 2px 20px rgba(0, 0, 0, 0.3);
	text-transform: lowercase;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #000;
	border:1px solid #008EFF!important;
	border-radius: 5px 5px 5px 5px; 
    -moz-border-radius: 5px 5px 5px 5px; 
    -webkit-border-radius: 5px 5px 5px 5px; }

#search_form .button{
opacity:0;
z-index:-999; 
}




#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search-text {
	width: 200px;
	height: 30px;
	padding: 4px 5px 1px 5px;
	border: none;
	background: #FFF;
	text-transform: lowercase;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #000;
	border:1px solid #FF4F00;
	border-radius: 5px 5px 5px 5px; 
    -moz-border-radius: 5px 5px 5px 5px; 
    -webkit-border-radius: 5px 5px 5px 5px; 
}

#search-submit {
	width: 40px;
	height: 25px;
	border: none;
	position:absolute;
	margin-left:-25px;
	margin-top:10px;
	background: url(http://johnny-saketeng.xtgem.com/image/lup.png)no-repeat;
	color: #FFFFFF;
	text-indent: -900em;
}

#search form {
    height: 100px;
    margin-top: 10px;
    position:absolute!important;
}

#search fieldset {
    margin: 100;
    padding:10 0;
    border: none;
}

#search-text {
    width: 170px;
    padding: 6px 5px 2px 5px;
    border: 1px solid #DEDEDE;
    background: #FFFFFF;
    text-transform: lowercase;
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #5D781D;
}

#search-submit {
    width: 50px;
    height: 22px;
    border: none;
    background: #B9B9B9;
    color: #000000;
}

#banner {
    margin-bottom: 20px;
    border: 12px #ECECEC solid;
}

/* Menu */

#menu {
    width: 1100px;
    height: 100px;
    position:absolute;
    top:-1px;
    right:0;
    left:0;
    bottom:0;
    display:scroll;
    position:absolute;
    margin: 0 auto;
    padding: 0 auto;
    background:#008EFF url() no-repeat left top;
    box-shadow: 0px -1px 1px rgba(204, 204, 204, 0.7), 0px 2px 1px rgba(110, 110, 110, 0.5), inset 0 2px 20px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow:0px -1px 1px rgba(204, 204, 204, 0.7), 0px 2px 1px rgba(110, 110, 110, 0.5), inset 0 2px 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:0px -1px 1px rgba(204, 204, 204, 0.7), 0px 2px 1px rgba(110, 110, 110, 0.5), inset 0 2px 20px rgba(0, 0, 0, 0.3);
}

#menu ul {
    float: left;
    margin: 0;
    padding: 0px 0px ;
    list-style: none;
    line-height: normal;
}

#menu li {
    float: right;
  	background: url(http://johnny-saketeng.xtgem.com/New_Blue_World/tab-ribbonb.png) no-repeat;
	background-position: 50% -147px;
	background-size:80% 100%;
}

#menu li:hover{
    background-position: 50% 0px;
    transition:all 0.5s ease-out;
    -moz-transition:all 0.5s ease-out;
    -webkit-transition:all 0.5s ease-out;
    -o-transition:all 0.5s ease-out;}

#menu a {
    display: block;
    width: 40px;
    height: 90px;
    margin-right:5px;
	margin-left:10px;
	margin-top:10px;
	padding: 8px 25px!important;
	background: url(http://johnny-saketeng.xtgem.com/New_Blue_World/rssa.png) no-repeat;
	background-position: -50px 10px;
    background-size:130%;
    font-family: Georgia, "Times New Roman", Times, serif;
    text-decoration: none;
    text-align: center;
    font-size: 18px;
    text-align: center;
	text-indent: -900em;
    font-weight: bold;
    color: #FFFFFF;
    border: none;
}

#menu a:hover{
    background: url(http://johnny-saketeng.xtgem.com/New_Blue_World/rssa.png) no-repeat;
    background-position: 18px 10px;
    background-size:140%;
    transition:all 0.5s ease-out;
    -moz-transition:all 0.5s ease-out;
    -webkit-transition:all 0.5s ease-out;
    -o-transition:all 0.5s ease-out;
} 

#menu li+li a {
	background: url(http://johnny-saketeng.xtgem.com/New_Blue_World/abouta__1_.png) no-repeat;
	background-position: -60px 10px;
	background-size:140%;}
	
#menu li+li a:hover {
	background: url(http://johnny-saketeng.xtgem.com/New_Blue_World/abouta__1_.png) no-repeat;
	background-position: 17px 10px;
	background-size:140%;
    transition:all 0.5s ease-out;
    -moz-transition:all 0.5s ease-out;
    -webkit-transition:all 0.5s ease-out;
    -o-transition:all 0.5s ease-out;
}

#menu li+li+li a {
	background: url(http://johnny-saketeng.xtgem.com/New_Blue_World/homea.png) no-repeat;
	background-position: -65px 10px;
	background-size:140%;}
	
#menu li+li+li a:hover {
	background: url(http://johnny-saketeng.xtgem.com/New_Blue_World/homea.png) no-repeat;
	background-position: 19px 10px;
	background-size:140%;
    transition:all 0.5s ease-out;
    -moz-transition:all 0.5s ease-out;
    -webkit-transition:all 0.5s ease-out;
    -o-transition:all 0.5s ease-out;
}


#menu .current_page_item a {
	text-decoration: none;
	text-shadow:1px 1px 2px #d0cbc6,0 0 0 #000,1px 1px 2px #d0cbc6;
	color:#FFF;
	
}

/* Ad */
#ad {
    width: 1000px;
    margin: 0 auto;
    background-color: #fff;
    height: 15px;
    overflow: hidden;
    float: right;
}

#ad #google-ad {
    width: 728px;
    margin: 0 0px 0 248px;
}

/* Page */
#page {
    width: 1100px;
    max-width:90%;
    margin: 0px auto;
    padding: 40px 0px 10px 0px;
    -moz-box-shadow:0 0 3px 1px #534c44;
    -webkit-box-shadow:0 0 3px 1px #534c44;
	box-shadow:0 0 3px 1px #534c44;
	border-bottom:3px solid #008EFF;
	border-top:3px solid #008EFF;
	border-radius: 5px 5px 5px 5px; 
    -moz-border-radius: 5px 5px 5px 5px; 
    -webkit-border-radius: 5px 5px 5px 5px;
    background:url(http://johnny-saketeng.xtgem.com/New_Blue_World/main.png);
}


/* Content */
#content {
    float: left;
    width: 700px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 20px 25px;
    overflow: hidden;
 
}

#content ol {
    list-style: decimal inside;
}

#content .no-link {
    color: #32639A;
    text-decoration: none;
}

#content h3 {
    line-height: 2em;
}

#content #pagination_links {
    text-align: center;
    font-size: 22px;
}

.post {
    display:inline;
    float:left;
    margin:20px;
    width:27%;
    height:220px;
    overflow:hidden;
    border-top:5px double #000;
    border-bottom:5px double #000;
    border-radius: 5px 5px 5px 5px; 
    -moz-border-radius: 5px 5px 5px 5px; 
    -webkit-border-radius: 5px 5px 5px 5px;
    background:#008EFF url() no-repeat left top;
    box-shadow: 0px -1px 1px rgba(204, 204, 204, 0.7), 0px 2px 1px rgba(110, 110, 110, 0.5), inset 0 2px 20px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow:0px -1px 1px rgba(204, 204, 204, 0.7), 0px 2px 1px rgba(110, 110, 110, 0.5), inset 0 2px 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:0px -1px 1px rgba(204, 204, 204, 0.7), 0px 2px 1px rgba(110, 110, 110, 0.5), inset 0 2px 20px rgba(0, 0, 0, 0.3);
}

.post-single {
    float:left
    color: #fff;
    line-height:20px;
    height:auto !important;
    width:95%;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:10px;
    background-image:none;
    margin-left:5px;
    margin-top:2px;
    background:rgba(0,0,0,0.1);
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    border-top:none;
    border-bottom:none;
    border-left:5px solid #000;
    border-radius: 5px 5px 5px 5px; 
}

.post .entry {
    text-align: justify;
    width:100px;
    height:100px;
    padding:auto;
    margin:auto;
}
    
.post-single .entry{
    text-align: justify;
    margin:auto;
    padding:5px;
    width:auto;
    height:auto;
    background:rgba(0,0,0,0.2);
    color:#000;
}

.post p {
	margin-top:-10px;
	width:500px;
	height:0px;
	background:rgba(0,0,0,0.0);
	overflow:hidden;
	color:rgba(0,0,0,0.0);
}

.post-single p {
	width:auto !important;
	height:auto !important;
	background:rgba(0,0,0,0.0);
	margin:0;
	padding:5px;
	color:#000;
}

.post-bgtop {
}

.post-bgbtm {
}

#content .title {
    margin: 10px;
    padding: 0px;
    font-size: 16px;
    color: #000;
    font-weight: normal;
    letter-spacing: 1px;
    font-weight: bold;
    background:rgba(0,0,0,0.1);
	display:blok;
}

.post .title a {
	text-decoration: none;
	text-shadow: #000 -1px 1px 2px;
	color: #fff;
	border: none;
	position:absolute;
	z-index:999;
	width:175px;
    height:auto;
    background:rgba(0,0,0,0.1) url(http://johnny-saketeng.xtgem.com/texture/halftone.png);
    margin-top:-8px;
    margin-left:-5px;
    padding:2px;
}

.post .title a:hover{
    color: #000;
    text-shadow: #FFF -1px 1px 2px;
}

.post-single h1.title{
    color:#000!important;
    font-size:25px!important;
    padding:5px!important;
    line-height:30px;
}

.post .meta {
    margin-top: 160px;
    padding: 5px 10px 5px 10px;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
}

.post-single .meta {
    margin-top: 10px;
    padding: 5px 10px 5px 10px;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

.meta .categories {
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    color:#000;
}

.meta .categories a {
    color:#008EFF;
    font-weight: bold;
}

.post .meta .date {
    float: left;
}

.post .meta .posted {
    float: right;
}

.post .meta a {
}

.post .entry {
    background: url() no-repeat left top;
    padding: 25px 0px 0px 0px;
    text-align: justify;
}

.links {
    padding-top: 20px;
}

.more {
    padding-left: 16px;
    background: url() no-repeat left 3px;
    text-decoration: underline;
    font-size: 12px;
    font-weight: normal;
}

.comments {
    padding-left: 18px;
    background: url(/themes/desktop/EarthlingTwo/images/img11.gif) no-repeat left 4px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    position:absolute;
    margin-top:-50px;
    margin-left:40px;
    z-index:9;
    color:#FFF;
}


.thumbnail {
    position:absolute!important;
    width:182px !important;
    height:214px !important;
    float:none !important;
    margin-left:-42px! important;
    margin-top:-214px! important;
    padding:0px !important;
    border:2px solid #008EFF !important;
    margin: 0 20px 0 0;
    -webkit-transition:all .5s ease-out; 
    -moz-transition:all .5s ease-out; 
    -o-transition:all .5s ease-out;
    opacity:1;
    z-index:10; 
}

.thumbnail:hover{  
    -webkit-transition:all .5s ease-out; 
    -moz-transition:all .5s ease-out; 
    -o-transition:all .5s ease-out; 
    margin-top:-270px!important;
}

/* Comment */

#comments{
    color: #000;
    font-weight:normal !important;
    width:99%;
    float:left;
}

#comments h4 {
	color:#000;
	text-align:left;
	margin:2px ;
	padding:2px
	font-size: 12px;
}
#comments h3 {
    letter-spacing: 1px;
    font-size: 18px;
    margin:2px 0 2px 0;
    padding:0px 16px;
    text-align:center;
    font-weight:bold;
    text-transform:lowercase;
    color: #eee;}
  
#comments h3 a.no-link {
color: #000;
}

.comment { 
    height:auto;
    min-height:150px;
    margin:10px 5px;
    padding:5px !important;
    padding-right:10px !important;
    background:rgba(0,0,0,0.1);
    border-radius: 5px 5px 5px 5px; 
    -moz-border-radius: 5px 5px 5px 5px; 
    -webkit-border-radius: 5px 5px 5px 5px; 
}


/* Comment mywapblog.com */
.comment a[href*='mywapblog.com'] {
    color:#000;
    border-bottom:1px solid #008EFF;
    padding:10px;}

.comment a[href*='mywapblog.com']:before{
    content:url(http://johnny-saketeng.xtgem.com/New_Blue_World/user_shades5.png) ""; 
    height:50px;
    width:50px;
    margin-left:-75px;
    margin-top:-5px;
    position:absolute;  }

/* Comment heck.in */
.comment a[href*='heck.in'] {
    color:#000;
    border-bottom:1px solid #008EFF;
    padding:10px;}

.comment a[href*='heck.in']:before{
    content:url(http://johnny-saketeng.xtgem.com/New_Blue_World/user_shades.png) ""; 
    height:50px;
    width:50px;
    margin-left:-75px;
    margin-top:-5px;
    position:absolute;  }

/* Comment pun.bz */
.comment a[href*='pun.bz'] {
    color:#000;
    border-bottom:1px solid #008EFF;
    padding:10px;}

.comment a[href*='pun.bz']:before{
    content:url(http://johnny-saketeng.xtgem.com/New_Blue_World/user_shades4.png) ""; 
    height:50px;
    width:50px;
    margin-left:-75px;
    margin-top:-5px;
    position:absolute;  }

/* Comment mwb.im */
.comment a[href*='mwb.im'] {
    color:#000;
    border-bottom:1px solid #008EFF;
    padding:10px;}

.comment a[href*='mwb.im']:before{
    content:url(http://johnny-saketeng.xtgem.com/New_Blue_World/user_shades3.png) ""; 
    height:50px;
    width:50px;
    margin-left:-75px;
    margin-top:-5px;
    position:absolute;  }

/* Comment faa.im */
.comment a[href*='faa.im'] {
    color:#000;
    border-bottom:1px solid #008EFF;
    padding:10px;}

.comment a[href*='faa.im']:before{
    content:url(http://johnny-saketeng.xtgem.com/New_Blue_World/user_shades2.png) ""; 
    height:50px;
    width:50px;
    margin-left:-75px;
    margin-top:-5px;
    position:absolute;  }

/* Comment yu.tl */
.comment a[href*='yu.tl'] {
    color:#000;
    border-bottom:1px solid #008EFF;
    padding:10px;}

.comment a[href*='yu.tl']:before{
    content:url(http://johnny-saketeng.xtgem.com/New_Blue_World/user_shades3.png) ""; 
    height:50px;
    width:50px;
    margin-left:-75px;
    margin-top:-5px;
    position:absolute;  }

.comment h4:after{
    height:50px;
    width:60px;
    float:left;
    content:'';
    color:#000;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
}

.comment h4 { 
    text-align:left!important;
    width:auto;
    height:50px!important;
    max-height:auto!important
    color:#000!important;
    border-bottom:1px solid #008EFF;
    border-top:1px solid #008EFF;
    padding:10px;
    background-color:#d0cbc6;
    -moz-box-shadow:0 0 3px 1px #534c44;
    -webkit-box-shadow:0 0 3px 1px #534c44;
    box-shadow:0 0 3px 1px #534c44;
    background:-moz-linear-gradient(top,#fff 0,#e2dfdc 50%,#d9d5d1 51%,#d0cbc6 100%);
    background:-webkit-linear-gradient(top,#fff 0,#e2dfdc 50%,#d9d5d1 51%,#d0cbc6 100%);
    background:-o-linear-gradient(top,#fff 0,#e2dfdc 50%,#d9d5d1 51%,#d0cbc6 100%);
    background:-ms-linear-gradient(top,#fff 0,#e2dfdc 50%,#d9d5d1 51%,#d0cbc6 100%);
    background:linear-gradient(top,#fff 0,#e2dfdc 50%,#d9d5d1 51%,#d0cbc6 100%);
    text-shadow:1px 1px 2px #d0cbc6,0 0 0 #000,1px 1px 2px #d0cbc6;
    border-radius: 5px 5px 5px 5px; 
    -moz-border-radius: 5px 5px 5px 5px; 
    -webkit-border-radius: 5px 5px 5px 5px; }
    

.comment small:before{
    float:left;
    content:'at : ';
    color:#000;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
}

.comment small{
    font-weight: bold!important;
    text-align:right!important;
    padding:4px;
    padding-top:9px;
    height:20px;
    width:180px;
    position:absolute;
    margin-top:55px!important;
    margin-left:-10px;
    color:#000;
    font-size:12px;
    letter-spacing: 1px;
    border-bottom:1px solid #008EFF;
    border-top:1px solid #008EFF;
    background-color:#d0cbc6;
    -moz-box-shadow:0 0 3px 1px #534c44;
    -webkit-box-shadow:0 0 3px 1px #534c44;
    box-shadow:0 0 3px 1px #534c44;
    background:-moz-linear-gradient(top,#fff 0,#e2dfdc 50%,#d9d5d1 51%,#d0cbc6 100%);
    background:-webkit-linear-gradient(top,#fff 0,#e2dfdc 50%,#d9d5d1 51%,#d0cbc6 100%);
    background:-o-linear-gradient(top,#fff 0,#e2dfdc 50%,#d9d5d1 51%,#d0cbc6 100%);
    background:-ms-linear-gradient(top,#fff 0,#e2dfdc 50%,#d9d5d1 51%,#d0cbc6 100%);
    background:linear-gradient(top,#fff 0,#e2dfdc 50%,#d9d5d1 51%,#d0cbc6 100%);
    text-shadow:1px 1px 2px #d0cbc6,0 0 0 #000,1px 1px 2px #d0cbc6;
    border-radius: 5px 5px 5px 5px; 
    -moz-border-radius: 5px 5px 5px 5px; 
    -webkit-border-radius: 5px 5px 5px 5px; 
}

.comment a{
    font-weight:bold;
    font-size:15px;
    letter-spacing: -1px;}

.comment p {
	padding:5px;
	margin-top:10px;
	margin-left:220px;
	width:430px;
	background:rgba(0,0,0,0.4);
	color:#fff;
	text-align: justify;
	border-left:1px solid #008EFF;
    border-right:1px solid #008EFF;
    border-radius: 5px 5px 5px 5px; 
    -moz-border-radius: 5px 5px 5px 5px; 
    -webkit-border-radius: 5px 5px 5px 5px; 
}


.comment h4 small:after {
   content:"";
   position: absolute;
   left: 189px;
   top: 6px;
   width: 0;
   height: 0;
   border-top: 10px solid transparent;
   border-left: 15px solid #008EFF;
   border-bottom: 10px solid transparent;
}
.comment h4 small {
	font-size:12px;
	display:block;
	font-weight:normal;
	color:#000;
}


#new_comment_form{
    width:90%
	margin:5px;
	padding:10px;
	text-align:left;
	background:rgba(0,0,0,0.2);
	border-radius: 5px 5px 5px 5px; 
    -moz-border-radius: 5px 5px 5px 5px; 
    -webkit-border-radius: 5px 5px 5px 5px;}

#comment_form a[href*='www.mywapblog.com/login.php?redir=aHR0cDovL3Jlc2V0Y3NzMS5teXdhcGJsb2cuY29tL2hlbGxvLXdvcmxkLnhodG1s']{
    background: #222;
	border: solid 1px #111;
	background: -moz-linear-gradient(top, #333333 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top, #333333 0%,#000000 100%);
	background: -o-linear-gradient(top, #333333 0%,#000000 100%);
	background: -ms-linear-gradient(top, #333333 0%,#000000 100%);
	background: linear-gradient(top, #333333 0%,#000000 100%);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 2px rgba(0,0,0,.7);
	color:#FFF;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 20px;
	margin-top:-15px;
	margin-left:-5px;
	border-radius: 5px 5px 5px 5px; 
    -moz-border-radius: 5px 5px 5px 5px; 
    -webkit-border-radius: 5px 5px 5px 5px;
    position:absolute;
}

#comment_form a[href*='www.mywapblog.com/login.php?redir=aHR0cDovL3Jlc2V0Y3NzMS5teXdhcGJsb2cuY29tL2hlbGxvLXdvcmxkLnhodG1s']:hover{
    background: #000;
}


#new_entry{
	margin:5px;
	text-align:left;
	padding:5px;
}
.inp-textarea{
    border:1px solid #008EFF;
	color:#000;
	width:95% !important;
	border-radius: 5px 5px 5px 5px; 
    -moz-border-radius: 5px 5px 5px 5px; 
    -webkit-border-radius: 5px 5px 5px 5px; }

.inp-text{
	border:1px solid #008EFF;
	color:#000;
	padding:5px;
	width:50% !important;
	border-radius: 5px 5px 5px 5px; 
    -moz-border-radius: 5px 5px 5px 5px; 
    -webkit-border-radius: 5px 5px 5px 5px; }
	
.inp-btn {
	background: #222;
	border: solid 1px #111;
	background: -moz-linear-gradient(top, #333333 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top, #333333 0%,#000000 100%);
	background: -o-linear-gradient(top, #333333 0%,#000000 100%);
	background: -ms-linear-gradient(top, #333333 0%,#000000 100%);
	background: linear-gradient(top, #333333 0%,#000000 100%);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 2px rgba(0,0,0,.7);
	color:#FFF;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	margin-top:5px;
	border-radius: 5px 5px 5px 5px; 
    -moz-border-radius: 5px 5px 5px 5px; 
    -webkit-border-radius: 5px 5px 5px 5px; 
}
	
.inp-btn:hover {
	background:#000;
}

/* Sidebar */

#sidebar {
    float: right;
    width: 310px;
    padding: 10px;
    margin-right:30px;
    margin-bottom:20px;
    color: #0000;
	background: url()rgba(0,0,0,0.1);
    border-right:5px solid #000;
    border-radius: 5px 5px 5px 5px;
}

#sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#sidebar li {
    margin: 0;
    padding: 0;
}

#sidebar li ul {
    margin: 0px 0px;
    padding-bottom: 20px;
}

#sidebar li li {
    line-height: 15px;
    margin: 0px;
    padding: 2px 0px;
    border-left: none;
}

#sidebar li li span a {
    color: #FFFFFF;
}

#sidebar ul li+li+li h3{
    text-align:center;
    font-size:25px;
    color:#000;
    width:97%;
    height:30px;
    background:#fff;
    padding:5px;
    margin-bottom:5px;
    background:#008EFF url() no-repeat left top;
    box-shadow: 0px -1px 1px rgba(204, 204, 204, 0.7), 0px 2px 1px rgba(110, 110, 110, 0.5), inset 0 2px 20px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow:0px -1px 1px rgba(204, 204, 204, 0.7), 0px 2px 1px rgba(110, 110, 110, 0.5), inset 0 2px 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:0px -1px 1px rgba(204, 204, 204, 0.7), 0px 2px 1px rgba(110, 110, 110, 0.5), inset 0 2px 20px rgba(0, 0, 0, 0.3);
}

#sidebar ul li+li+li ul li {
    font-size:14px!important;
    text-align:left;
    list-style:none
    margin-bottom:10px;
    padding:10px;
    margin-bottom:5px;
    background:rgba(0,0,0,0.1);
    padding-left:5px;
    font-size:12px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;}


#sidebar h3 {
    height: 65px;
    background: url() no-repeat left bottom;
    letter-spacing: -.5px;
    font-size: 24px;
    color: #493E2B;
}

#sidebar p {
    margin: 0 0px;
    padding: 0px 0px 30px 0px;
    text-align: justify;
}

#sidebar p strong {
    color: #4A3E29;
}

#sidebar a {
    border: none;
}

#sidebar a:hover {
}

#sidebar .text-box {
    border: 1px solid #6E8D3D;
    width: 200px;
}

#sidebar .button {
    background-color: #6E8D3D;
    width: 50px;
}

/* Calendar */

#calendar {
}

#calendar_wrap {
    padding: 20px;
}

#calendar table {
    width: 100%;
}

#calendar tbody td {
    text-align: center;
}

#calendar #next {
    text-align: right;
}

/* Following & Blogroll */

#following_list, #blogroll_list{
	width:100%;
	height:250px;
	border-bottom:5px solid #337fed;
}

#blogroll_list ol, #following_list ol {
	margin:0px;
	padding:0px;
	height:200px;
	overflow:scroll;
	overflow-x:hidden;
}

#following_list li, #blogroll_list li {
	list-style-type:none;
	padding:8px 5px 5px 10px;
	border-bottom:1px solid #ccc;
	font-size:15px;
}

#following_list li:hover,#blogroll_list li:hover{
    background:rgba(0,0,0,0.2);
    padding-left:50px;
    transition:all 1s;
    -moz-transition:all 1s;
    -webkit-transition:all 1s;
    -o-transition:all 1s;
}

#following_list h3, #blogroll_list h3 {
    margin-bottom:0px;
    background:#337fed;
	-moz-border-radius:5px 5px 0px 0px;
	-khtml-border-radius5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;
	font-weight:60px;
	color:#000;
	text-align:center;
	text-transform: uppercase;
	font-size: 20px;
}

#following_list h3 a.no-link, #blogroll_list h3 a.no-link{
	color:#000;
	text-align:center;
	text-transform: uppercase;
	font-size: 20px;
}

/* Footer */
#footer-content {
    width: 1100px;
    height: 400px;
    margin: 0 auto;
    padding:20px 0px 0px 0px;
    margin-top:20px;
    margin-bottom:-115px;
    background: url(http://johnny-saketeng.xtgem.com/texture/bg_body_b.jpg)repeat;
    color: #887450;
    -moz-box-shadow:0 0 3px 1px #534c44;
    -webkit-box-shadow:0 0 3px 1px #534c44;
	box-shadow:0 0 3px 1px #534c44;
	border-radius: 5px 5px 5px 5px; 
    -moz-border-radius: 5px 5px 5px 5px; 
    -webkit-border-radius: 5px 5px 5px 5px;
	border-top:3px solid #008EFF;
}

#footer-content h3 {
    margin: 0px;
    padding: 0px;
}

#footer-content .column1 {
    float: left;
    font-size: 16px;
    width: 400px;
    height: 160px;
    overflow: hidden;
    padding:40px 0px 0px 10px;
    margin-left:50px;
    border-left:15px solid #008EFF;
    border-top:1px solid #008EFF;
    border-bottom:1px solid #008EFF;
    overflow:scroll;
    overflow-x:hidden;
    background: #fff url(http://johnny-saketeng.xtgem.com/texture/bg_2.png) repeat
}

#footer-content .column1 li,{
    list-style-type:none;
    padding:5px;
    border-bottom:1px solid #ccc;
    font-size:15px;
    z-index:-999;
}

#footer-content .column1 li:hover{
    background:rgba(0,0,0,0.2);
    transition:all 1s;
    -moz-transition:all 1s;
    -webkit-transition:all 1s;
    -o-transition:all 1s;
    padding-left:10px;
}


#footer-content .column2 {
    float: right;
    font-size: 16px;
    width: 400px;
    height: 160px;
    overflow: hidden;
    padding:40px 0px 0px 20px;
    margin-right:50px;
    border-left:15px solid #008EFF;
    border-right:1px solid #008EFF;
    border-top:1px solid #008EFF;
    border-bottom:1px solid #008EFF;
    background: #fff url(http://johnny-saketeng.xtgem.com/texture/bg_2.png) repeat ;  
}

#footer-content .column1 ul, #footer-content .column2 ul {
    margin: 0;
    padding: 0px;
    list-style: none;
}

#footer-content .column2 ul li a[href*='goo.gl/8J1vU0']{
    position:absolute;
    margin-top:180px;
    margin-left:-600px;
    text-indent: -900em;
    width: 200px;
    height: 50px;
    background: #333 url(http://johnny-saketeng.xtgem.com/image_icon/video_facebook.png) no-repeat -15px 0px;
    background-size:120%;
    background-color: rgba(255,255,255,.1);
    border:1px solid #FFF;
    display: inline-block;
    *display:inline;
}

#footer-content .column2 ul li a[href*='goo.gl/8J1vU0']:hover {
    background: #333 url(http://johnny-saketeng.xtgem.com/image_icon/video_facebook.png) no-repeat -15px -50px;
    background-size:120%;
    transition:all 2s;
    -moz-transition:all 2s;
    -webkit-transition:all 2s;
    -o-transition:all 2s;
}



#footer-content .column2 ul li a[href*='tinyurl.com/qd9aotl']{
    position:absolute;
    margin-top:180px;
    margin-left:-380px;
    text-indent: -900em;
    width: 200px;
    height: 50px;
    background: #333 url(http://johnny-saketeng.xtgem.com/image_icon/video_twitter.png) no-repeat -25px 0px;
    background-size:120%;
    background-color: rgba(255,255,255,.1);
    border:1px solid #FFF;
    display: inline-block;
    *display:inline;
}

#footer-content .column2 ul li a[href*='tinyurl.com/qd9aotl']:hover {
    background: #333 url(http://johnny-saketeng.xtgem.com/image_icon/video_twitter.png) no-repeat -25px -50px;
    background-size:120%;
    transition:all 2s;
    -moz-transition:all 2s;
    -webkit-transition:all 2s;
    -o-transition:all 2s;
}


#footer-content .column1 h3 {
    padding-bottom: 5px;
    font-size: 30px;
    text-align:center;
    color: #000;
    background:#008EFF;
    margin-left:-20px;
    margin-top:-40px;
    width:405px;
    z-index:999;
}

#footer-content .column2 h3 {
    padding-bottom: 5px;
    font-size: 30px;
    text-align:center;
    color: #000;
    background:#008EFF;
    margin-left:-20px;
    margin-top:-40px;
    width:420px;
    z-index:999;
}

#footer-content strong {
    color: #E3D2B6;
}

#footer-content a {
    color: #000;
}

#footer-content a:hover {
    color: #008EFF;
}

.list li {
    margin-bottom: 6px;
}

#footer {
    width:1100px;
    height: 100px;
    margin: 0 auto;
    margin-bottom:-28px;
    padding: 0px 0 15px 0;
    font-family: Arial, Helvetica, sans-serif;
    background:#008EFF url() no-repeat left top;
    box-shadow: 0px -1px 1px rgba(204, 204, 204, 0.7), 0px 2px 1px rgba(110, 110, 110, 0.5), inset 0 2px 20px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow:0px -1px 1px rgba(204, 204, 204, 0.7), 0px 2px 1px rgba(110, 110, 110, 0.5), inset 0 2px 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:0px -1px 1px rgba(204, 204, 204, 0.7), 0px 2px 1px rgba(110, 110, 110, 0.5), inset 0 2px 20px rgba(0, 0, 0, 0.3);
}
#footer:after {
    content:'Redesign By : Johnny Saketeng (JS)';
    color:#000;
    display:block;
    text-align:right;
    font-family:Droid Sans;
    position:absolute;
    margin-left:870px;
}

#footer:before {
    content:'New Blue World';
    color:#000;
    display:block;
    text-align:right;
    font-family:Droid Sans;
    margin-top:90px;
    margin-left:950px;
    position:absolute;
}

#footer p {
    margin: 0;
    padding:5px;
    line-height: normal;
    font-size: 12px;
    text-align: right;
    color: #000;
}

#footer a {
    text-decoration: none;
    color: #000;
}

#footer a[href*='johnny-saketeng.heck.in']{
    background: #222;
	border: solid 1px #111;
	background: -moz-linear-gradient(top, #333333 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top, #333333 0%,#000000 100%);
	background: -o-linear-gradient(top, #333333 0%,#000000 100%);
	background: -ms-linear-gradient(top, #333333 0%,#000000 100%);
	background: linear-gradient(top, #333333 0%,#000000 100%);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 2px rgba(0,0,0,.7);
	color:#FFF;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 20px;
	margin-top:5px;
	margin-left:-880px;
	border-radius: 5px 5px 5px 5px; 
    -moz-border-radius: 5px 5px 5px 5px; 
    -webkit-border-radius: 5px 5px 5px 5px;
    position:absolute;
}

#footer a[href*='johnny-saketeng.heck.in']:before{
    content:"Contact Admin at Facebook & Twitter : ";
    font-size:11px;
    line-height:11px;
    font-family:Arial,sans-serif; 
    text-transform:none;
    padding:8px 12px;
    top:65px;
    right:-255px;
    transition:.3s ease-out;
    background:#222;
    color:#fff;
    border-radius:5px;
    position:absolute;
}


#footer a[href*='johnny-saketeng.heck.in']:hover:before{
    content:"Contact Admin at Facebook & Twitter : Ricky Arrachman, Johnny Saketeng & @johnny_saketeng";
    font-size:11px;
    line-height:11px;
    font-family:Arial,sans-serif; 
    text-transform:none;
    padding:8px 12px;
    right:-570px;
    transition:.3s ease-out;
    background:#222;
    color:#fff;
    border-radius:5px;
    position:absolute;
    -webkit-transition:all .5s ease-out; 
    -moz-transition:all .5s ease-out; 
    -o-transition:all .5s ease-out; 
    transition:all .5s ease-out; 
}

#footer a[href*='johnny-saketeng.heck.in']:after{
    content:"Telp.  Or E-mail :";
    font-size:11px;
    line-height:11px;
    font-family:Arial,sans-serif; 
    text-transform:none;
    padding:8px 12px;
    top:30px;
    right:-130px;
    transition:.3s ease-out;
    background:#222;
    color:#fff;
    border-radius:5px;
    position:absolute;
}

#footer a[href*='johnny-saketeng.heck.in']:hover:after{
    content:"Telp. +6287773327115 Or E-mail : johnnysaketeng@gmail.com";
    font-size:11px;
    line-height:11px;
    font-family:Arial,sans-serif; 
    text-transform:none;
    padding:8px 12px;
    right:-375px;
    transition:.3s ease-out;
    background:#222;
    color:#fff;
    border-radius:5px;
    position:absolute;
    -webkit-transition:all .5s ease-out; 
    -moz-transition:all .5s ease-out; 
    -o-transition:all .5s ease-out; 
    transition:all .5s ease-out; 
}



.inp-text {
    width: 400px;
}
.inp-textarea {
    width: 400px;
    height: 150px;
}

/* Pagination */

#pagination_links{
    font-size: 20px;
    text-align: left;
    padding-top: 10px;
    padding-left:20px;
    padding-bottom:10px;
    margin-bottom:-10px;
    border-top:3px solid #008EFF;
    background:rgba(0,0,0,0.1)
}

#pagination_links span{
    min-width: 30px;
	min-height: 30px;
	line-height: 100%;
	text-decoration: none;
	text-align: center;
	margin: 0 3px;
	padding: 10px 5px 0;
	vertical-align: middle;
	display: inline-block;
	zoom:1;
	*display:inline;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	background:#fff;
	color:#000;
	border:1px solid #008EFF;
}

#pagination_links a:hover {
	background: #000;
	text-decoration: none;
}
	
#pagination_links a{
	text-decoration: none;
	background: #222;
	border: solid 1px #111;
	background: -moz-linear-gradient(top, #333333 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#000000));
	background: -webkit-linear-gradient(top, #333333 0%,#000000 100%);
	background: -o-linear-gradient(top, #333333 0%,#000000 100%);
	background: -ms-linear-gradient(top, #333333 0%,#000000 100%);
	background: linear-gradient(top, #333333 0%,#000000 100%);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 2px rgba(0,0,0,.7);
    min-width: 30px;
	min-height: 30px;
	line-height: 100%;
	text-decoration: none;
	text-align: center;
	margin: 0 3px;
	padding: 10px 5px 0;
	vertical-align: middle;
	display: inline-block;
	zoom:1;
	*display:inline;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
}

#pagination_links a:hover{
    color:#FFF;
    text-decoration: none;
}



.no-link, .no-link:hover {text-decoration: none;color: red; inherit;}
.messages {background: #FF4500;}

.messages, .highlight{
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 15px;
}

#comments .messages{
    color: #D8000C;
    border-color: #D8000C;
    background-color: #FFBABA;
    list-style: none;
}

.highlight{
    color: #9F6000;
    border-color: #9F6000;
    background-color: #FEEFB3;
    text-align: center;
}

#share_buttons:before{
display:block;
content:'Share At :';
color:#000;
padding:5px;
margin-bottom:10px;
background:#008EFF;
text-align:center;
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size:15px;
}


#share_buttons {
background:#fff;
position:abolute;
text-align:center;
width:130px;
margin-left:540px;
border-bottom:5px solid #008EFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

}

.gallery {
    position:absolute;
    top:369px;
    right:0;
    left:0;
    margin:0px !important;
    padding:0px !important;
    text-align:center;
}

.gallery ul li{
    display:inline !important;
    padding:10px !important;
    margin:2px!important;
    background:#008EFF!important;
    position:relative;
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #fff;
	color:#fff;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none!important;
	text-shadow:1px 1px 0px #000;
    opacity:1;
    margin-top:5px;
    margin-left:30px;
}


.gallery ul li:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#008EFF!important;
	opacity:1;
	box-shadow: 0px -1px 1px rgba(204, 204, 204, 0.7), 0px 2px 1px rgba(110, 110, 110, 0.5), inset 0 2px 20px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0px -1px 1px rgba(204, 204, 204, 0.7), 0px 2px 1px rgba(110, 110, 110, 0.5), inset 0 2px 20px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0px -1px 1px rgba(204, 204, 204, 0.7), 0px 2px 1px rgba(110, 110, 110, 0.5), inset 0 2px 20px rgba(0, 0, 0, 0.3);
}


.gallery ul li a {
    margin:5px;
    margin-top:-10px;
    padding:6px;
    padding-top:10px;
    color:#fff !important;
    
    }

.gallery ul li a:hover {color:#ffffc8 !important;}

ol.messages {
    border:1px solid #000!important;
    background:#008EFF url(http://johnny-saketeng.xtgem.com/New_Blue_World/user_shades.png)no-repeat 5px !important;
    font-size:16px;
    width:650px;
    height:50px;
    position:relative;
    margin:auto;
    color:#FFF!important;
    letter-spacing: 1px;
    text-align:center;}

ol.messages:after {
    content:"Terimakasih Sudah Berkunjungan Dan Berkomentar Di Blog Johnny Saketeng";
    text-align:center;
    display:block;
    font-family: 'Oswald', sans-serif;
    font-size:12px;
    margin-top:-5px;
}

ol.messages:before{
    content:url(http://johnny-saketeng.xtgem.com/New_Blue_World/author.png)"";
    text-align:center;
    display:block;
    font-family: 'Oswald', sans-serif;
    font-size:12px;
    margin-top:-15px;
    margin-left:624px;
    position:absolute;
}

iframe{
    width:500px;
    height:60px;
    margin-bottom:10px;
    padding:1px;
    border-radius:5px;
}


iframe.youtube-player{
    margin-left:0;
    margin-top:20px;
    width:90%;
    height:300px;
    margin-bottom:-10px;
    padding:5px;
    border-radius:5px;
    background:none;
    box-shadow: 0px -1px 1px rgba(204, 204, 204, 0.7), 0px 2px 1px rgba(110, 110, 110, 0.5), inset 0 2px 20px rgba(0, 0, 0, 0.3);
}

.atas{
    display:scroll;
    position:fixed;
    bottom:10px;right:10px;
    border: 2px solid #337fed!important;
    -moz-border-radius: 10px;
    text-indent: -900em;
    width: 50px;
    height: 50px;
    background: #333 url(http://johnny-saketeng.xtgem.com/image_icon/top.png) no-repeat;
    background-size:100%;
    background-color: rgba(255,255,255,.1);
    display: inline-block;
    *display:inline;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
    
.atas:hover {
    background-color: #333;
    -webkit-transition: background-color 3s;
    -moz-transition: background-color 3s;
    transition: background-color 3s;
}